@charset "UTF-8";

header{
	background-color: #0075C2;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 80px;
	}

.title{
    color: #FFFFFF;
    font-size: 28px;
    font-weight: bold;
    font-family: "HGP創英角ﾎﾟｯﾌﾟ体";
}

.textDateTime{
    font-weight: bold;
    text-align:left;
}

.textTitle{
    font-weight: bold;
    text-align:left;
}

.textHonbun{
    text-align:left;
}

body{
    background-image: url(/images/background02.png);
    font-family: "ＭＳ ゴシック",Osaka,sans-serif;
}
<!--
div#contents{
	overflow:hidden;
}
-->	
p {
    color: seagreen;
    font-size: 20px;
    line-height: 1.5em;
}

<!--
p.select {
	padding: 4px;
	}

-->

p.entry_more {
    text-align: right;
}


.entry_more a:active, .entry_more a:hover {
    text-decoration:none;
    filter: alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;
}



#textarea {
    width:300px;
    margin:auto;
    margin-bottom:50px;
    position:relative;
}

.textinner{
    padding:10px;
    /* 【角丸】　*/    
    border-radius:10px;/* CSS3 */    
    -webkit-border-radius:10px;/* Safari,Google Chrome */    
    -moz-border-radius:10px;   /* Firefox */
    background: #B6D7A8;   
    width:153px;
    /*　【ボックスシャドー】　*/    
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 10px #999;

    color:#000;
    padding-left: 5px;
    font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;    
    font-size:14px;
    line-height: 1.1em;    
    /*　【テキストシャドー】　*/    
    text-shadow:0px 0px 0px #000;
}

.triangle{
     position:absolute;
     width: 0;
     height: 0;
     left:-8%;
     top:25px;
     border-top: 12px solid transparent;/*下向き三角*/
     border-right: 12px solid  #B6D7A8;/*左向き三角*/
     border-left: 12px solid transparent;/*右向き三角*/
     border-bottom: 12px solid transparent;/*上向き三角*/
}

    
#textarea2 {
    width:300px;
    margin:auto;
    margin-bottom:50px;
    position:relative;
}

.textinner2{
    padding:10px;
    /* 【角丸】　*/    
    border-radius:10px;/* CSS3 */    
    -webkit-border-radius:10px;/* Safari,Google Chrome */    
    -moz-border-radius:10px;   /* Firefox */
    background: #F4CCCC;   
    width:153px;
    /*　【ボックスシャドー】　*/
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 10px #999;

    color:#000;
    padding-left: 5px;
    font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;    
    font-size:14px;
    line-height: 1.1em;    
    /*　【テキストシャドー】　*/    
    text-shadow:0px 0px 0px #000;
}

.triangle2{
     position:absolute;
     width: 0;
     height: 0;
     left:-8%;
     top:25px;
     border-top: 12px solid transparent;/*下向き三角*/
     border-right: 12px solid  #F4CCCC;/*左向き三角*/
     border-left: 12px solid transparent;/*右向き三角*/
     border-bottom: 12px solid transparent;/*上向き三角*/
}

#textarea3 {
    width:150px;
    margin:auto;
    margin-bottom:50px;
    position:relative;
}

.textinner3{
    padding:10px;
    /* 【角丸】　*/    
    border-radius:10px;/* CSS3 */    
    -webkit-border-radius:10px;/* Safari,Google Chrome */    
    -moz-border-radius:10px;   /* Firefox */
    background: #B6D7A8;   
    width:153px;
    /*　【ボックスシャドー】　*/    
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 10px #999;

    color:#000;
    padding-left: 5px;
    font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;    
    font-size:14px;
    line-height: 1.1em;    
    /*　【テキストシャドー】　*/    
    text-shadow:0px 0px 0px #000;

}

.triangle3{
    position:absolute;
    width: 0;
    height: 0;
    right:-36%;
    top:20px;
    border-top: 12px solid transparent;/*下向き三角*/
    border-right: 12px solid  transparent;/*左向き三角*/
    border-left: 12px solid #B6D7A8;/*右向き三角*/
    border-bottom: 12px solid transparent;/*上向き三角*/
}

#textarea4 {
    width:150px;
    margin:auto;
    margin-bottom:50px;
    position:relative;
}

.textinner4{
    padding:10px;
    /* 【角丸】　*/    
    border-radius:10px;/* CSS3 */    
    -webkit-border-radius:10px;/* Safari,Google Chrome */    
    -moz-border-radius:10px;   /* Firefox */
    background: #F4CCCC;   
    width:153px;
     /*　【ボックスシャドー】　*/    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 10px #999;

    color:#000;
    padding-left: 5px;
    font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;    
    font-size:14px;
    line-height: 1.1em;    
    /*　【テキストシャドー】　*/    
    text-shadow:0px 0px 0px #000;

}

.triangle4{
    position:absolute;
    width: 0;
    height: 0;
    right:-36%;
    top:20px;
    border-top: 12px solid transparent;/*下向き三角*/
    border-right: 12px solid  transparent;/*左向き三角*/
    border-left: 12px solid #F4CCCC;/*右向き三角*/
    border-bottom: 12px solid transparent;/*上向き三角*/
}

.hotIcon{
 position: relative;
 top: -40px;
 left: -95px;
}

.shopName{
 position:  relative;
 top: 20px;
 font-weight: bold;
 width: 89px;
}

dl.ColorRadio dd { white-space: nowrap; }
dl.ColorRadio dd li { 
    left: -68px;
    top: 3px;  
    position: relative;  
    list-style: none;  
    float: left; 
}

/* 選択項目の基本的なデザイン */
dl.ColorRadio dd label {   
    background: -moz-linear-gradient(top, #fff, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ccc));
    padding: 5px 18px; 
    border: 1px solid #999;  
    border-radius: 0 0px 0px 0;
    -moz-box-shadow: 0 0 5px #ccc;  
    -webkit-box-shadow: 0 0 5px #ccc;  
    color: #aaa;  
    font-weight: bold;  
    text-shadow: 0 1px #fff;  
    text-align: center;  
}

/* フォームの左端の角を丸くする */
dl.ColorRadio dd li:first-child label {  
    border-radius: 10px 0 0 10px;  
}

/* フォームの右端の角を丸くする */
dl.ColorRadio dd li:last-child label {  
    border-radius: 0 10px 10px 0;  
}

dl.ColorRadio dd li input[type="radio"] {
    opacity : 0;  
    position: absolute;

    /* iPhoneで押せる範囲を指定するためにinputの範囲をliタグ内全体にする */
    width: 100%;  
    height: 100%;   
    padding: 0;  
}

/* 項目を選択したとき色を変える */
dl.ColorRadio dd li input:checked + label {  
    /*背景色*/
    background: -moz-linear-gradient(top, #cfc, #9f9);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cfc), color-stop(1, #9f9));  
    /*文字色*/
    color: #393;  
    /*文字の影*/
    text-shadow: 0 -1px #fff;  
}

/* 以下はラジオボタンのid属性によって色変えたい場合に記述する
* セレクタでinputの後に＃id名を入れるとそのidの選択肢を選択した時の色を変更できます。
*/

/* 「id="man"」の項目を選択したときは青にする */
dl.ColorRadio dd li input#man:checked + label {  
    background: -moz-linear-gradient(top, #cff, #9cf);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cff), color-stop(1, #9cf));  
    color: #339;  
    text-shadow: 0 -1px #fff;  
}

/* 「id="woman"」項目を選択したときは赤にする */
dl.ColorRadio dd li input#woman:checked + label {  
    background: -moz-linear-gradient(top, #fcc, #f99);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcc), color-stop(1, #f99));  
    color: #933;  
    text-shadow: 0 -1px #fff;    
}

